import React from 'react'
import Image, { StaticImageData } from 'next/image'
import homeSrc from '../public/home.png'

interface IProps {
    imgUrl: StaticImageData
    altText: string
    content: string
}

export default function Hero(props: IProps) {
    return (
        <div className=" h-screen relative">
            <div className="absolute inset-0 -z-10">
                <Image
                    src={props.imgUrl}
                    alt={props.altText}
                    fill
                    style={{ objectFit: 'cover' }}
                />
                <div className="absolute inset-0 bg-gradient-to-r  from-gray-900"></div>
            </div>
            <div className="flex justify-center pt-48">
                <h1 className="text-white text-center font-bold text-6xl">
                    {props.content}
                </h1>
            </div>
        </div>
    )
}
